<template>
  <div class="blogs-detail">
    <div class="nav">
      <div class="one" @click="goToBack">Blog</div>
      <img class="right" src="@/assets/svg/icon-right.svg" alt="" />
      <div class="nav2">{{ detail.parentTitle }}</div>
    </div>
    <div class="title">{{ detail.title }}</div>
    <div class="detail-post">
      <img class="right" src="@/assets/pc/detail-banner.png" alt="" />
    </div>
    <!-- <div class="detail-intro">
      <div class="dummy">{{ detail.dummyText }}</div>
      <div class="featured">{{ detail.featured }} | {{ detail.featured }}</div>
    </div> -->
    <div class="detail-desc">{{ detail.desc }}</div>
    <div class="detail-content" v-html="detail.content"></div>
  </div>
</template>

<script>
export default {
  name: 'pcBblogsDetail',
  props: {
    detail: {
      type: String,
      default: {}
    }
  },
  data() {
    return {}
  },
  beforeMount: function () {},
  mounted() {},
  methods: {
    goToBack() {
      this.$router.back()
    }
  }
}
</script>

<style lang="scss" scoped>
@import url('./index.less');
</style>
